{#
  This Source Code Form is subject to the terms of the Mozilla Public
  License, v. 2.0. If a copy of the MPL was not distributed with this
  file, You can obtain one at https://mozilla.org/MPL/2.0/.
 #}

 {% include 'includes/banners/pencil-banner.html' %}
 <nav class="m24-navigation-refresh {% if not has_subnav %}enable-main-nav-sticky m24-mzp-is-sticky{% endif %}" aria-label="{{ ftl('navigation-refresh-landmark-label') }}">
  <div class="m24-c-navigation-l-content">
    <div class="m24-c-navigation-container">
      <button class="m24-c-navigation-menu-button" type="button" aria-controls="m24-c-navigation-items" data-testid="m24-navigation-menu-button">{{ ftl('ui-menu') }}</button>
      <a class="m24-c-navigation-logo-link" href="{{ url('mozorg.home') }}" data-link-text="mozilla home icon" data-link-position="nav">
        <img class="m24-c-navigation-logo-image" src="{{ static('img/logos/m24/lockup-black.svg') }}" alt="{{ ftl('navigation-refresh-mozilla') }}" width="101" height="24">
      </a>
      <div class="m24-c-navigation-items" id="m24-c-navigation-items" data-testid="m24-navigation-menu-items">
        <div class="m24-c-navigation-menu">
          <div class="m24-c-menu m24-mzp-is-basic">
            <ul class="m24-c-menu-category-list">
              {% include 'includes/protocol/navigation/menus-refresh/firefox.html' %}
              {% include 'includes/protocol/navigation/menus-refresh/products.html' %}
              {% include 'includes/protocol/navigation/menus-refresh/about-us.html' %}
            </ul>
          </div>
        </div><!-- close .m24-c-navigation-menu -->
      </div><!-- close .m24-c-navigation-items -->
      <blink class="spacer-gif"></blink>
    </div><!-- close .m24-c-navigation-container -->
  </div><!-- close .m24-c-navigation-l-content -->
</nav>
